@import './reset.scss';
@import './app-main.scss';
@import './sidebar.scss';
@import './body-dialog.scss';
@import './common.scss';

/* 浮动相关开始 */
.fr {
  float: right;
}

.fl {
  float: left;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
/* 浮动相关结束 */

/* flex布局样式 */
.flex-c-c {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-c-a {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.flex-c-b {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-c-s {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-c-e {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-col{
  flex-direction: column;
}

.flex-grow{
  flex-grow: 1;
}
.flex-shrink{
  flex-shrink: 0;
}
.flex-wrap{
  flex-wrap: wrap;
}

/* flex结束 */ 

// 解决双加载动画问题
.xiaobu-loading-mask.show + .xiaobu-app-container .el-loading-mask {
  display: none;
}

// 解决覆盖头部的问题
.xiaobu-app-container .el-loading-mask {
  z-index: $LayoutIndex;
}

// 解决顶部进度条不显示问题
#nprogress .bar {
  background: #e41815;
  // z-index: calc(#{$LayoutIndex} + 9999);
}